<template>
  <div class="setting">
    <div class="icon" @click="systemSetting">
      <a-icon type="setting" style="fontSize: 50px;"/>
    </div>
    <setting-drawer ref="settingDrawer" :closable="true" title="系统设置"></setting-drawer>
  </div>
</template>
<script>
import SettingDrawer from '@/components/setting/SettingDrawer'
export default {
  name: "Setting",
  data () {
    return {
    };
  },
  components:{ SettingDrawer },
  methods: {
    systemSetting(){
      this.$refs.settingDrawer.showDrawer()
    },
  }
}
</script>
<style lang="less" scoped>
  .icon {
    position: fixed;
    right: 10px;
    top: 50%;
    width: 60px;
    height: 60px;
    padding-top: 5px;
    text-align: center;
    background: #ccc;
  }
</style>